import React from 'react';
import { Layout } from 'antd';

const { Header } = Layout;

const AppHeader = () => {
  return (
    <Header
      style={{
        padding: '0 24px',
        background: '#fff',
        display: 'flex',
        alignItems: 'center',
        boxShadow: '0 1px 4px rgba(0,21,41,.08)',
      }}
    >
      {/* 添加标题 */}
      <h1
        style={{
          margin: 0,
          fontSize: '20px',
          fontWeight: 600,
          color: '#1890ff',
        }}
      >
        管理系统
      </h1>

      <div style={{ flex: 1, display: 'flex', justifyContent: 'flex-end' }}>欢迎，管理员</div>
    </Header>
  );
};

export default AppHeader;
